window.onscroll=function(){ 
    var nav=document.querySelector('#header')
    var logo =document.querySelector('.logo')
    var nav0 =document.querySelector('.nav01')
    var navlis=document.querySelectorAll('.nav01>li')
   if(document.documentElement.scrollTop >60){
    nav.className="fixed"
  // nav.style.height=48+'px'
  logo.style.visibility='hidden'
  nav.style.height=48+'px'
  for(var i=0;i<navlis.length;i++){
    navlis[i].style.marginTop=15+'px'
  }
  // visibility: hidden;
 
        sear.previousElementSibling.style.display='none'
        sear.previousElementSibling.style.visibility='hidden'
        sear.previousElementSibling.style.width=0+'px'
   }
   else{
     nav.className="static"
     logo.style.visibility='visible'
    //  nav.style.height=60+'px'
     nav.style.height=60+'px'

   }
}
// window.onload=function(){
  

// }
